 <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
        <title>Document</title>
        <link rel="stylesheet" href="css/导航栏.css">
        <link rel="stylesheet" href="css/轮播图.css">
        <link rel="stylesheet" href="css/页面导航.css">
    </head>
    <body>
        <!-- 背景图 -->
        <div class="bjimg"></div>
    
       <!--  导航栏 -->
        <div class="tou">
            <sapn class="logo"> 云天餐饮</sapn>
            <ul class="biao">
            <li><a href="#"><a href="#">首页</a></li>
            <li><a href="#">活动通知</a></li>
            <li><a href="#">客服咨询</a></li>
            <li><a href="#">订单/售后</a></li>
            </ul>
            <div  class="bar4">           
                <form>
            <input type="text" placeholder="请输入您要搜索的内容...">
            <button type="submit"   onclick="sousuo()"></button>
        </form></div> 
        </div>

	<!--轮播图模块 -->
    <div class="lunbo">
        <img id="lunbo_img" src="img/img3.jpeg" >
    </div>
    <!--页面分类-->
    <div class="dakuang">
        <div class="xiaokuang">
            <div class="xiaoxiao">
                <img class="tupian" src="img/nav0.png"  onclick="fun()">
            </div>
            全部分类
        </div>
        <div class="xiaokuang">
            <div class="xiaoxiao">
                <img class="tupian" src="img/nav5.png"   onclick="fun()">
            </div>
            天天好券
        </div>
        <div class="xiaokuang">
            <div class="xiaoxiao">
                <img class="tupian" src="img/nav2.png"   onclick="fun()">
            </div>
            购物广场
        </div>
        <div class="xiaokuang">
            <div class="xiaoxiao">
                <img class="tupian" src="img/nav3.png"  onclick="fun()">
            </div>
            个人中心
        </div>
    </div>
    <div>
    <div class="chanpin">
        
        <div class="hengkuang">&nbsp&nbsp&nbsp&nbsp甜品天地
            <a href="#"><div class="gengduo">更多 》</div></a>
            <hr>
        </div>
        <div class="zhanshi">
            <div class="chanpintupian">
                <img class="tupian" src="img/甜品 (1).jpeg"   onclick="fun()">
            </div>
            蓝金奶油蛋糕<p style="color: crimson;">￥12.5元/份</p>
        </div>
        <div class="zhanshi">
            <div class="chanpintupian">
                <img class="tupian" src="img/甜品 (2).jpeg"   onclick="fun()">
            </div>
            芋奶仙<p style="color: crimson;">￥15元/份</p>
        </div>
        <div class="zhanshi">
            <div class="chanpintupian">
                <img class="tupian" src="img/甜品 (3).jpeg"  onclick="fun()">
            </div>
            草莓甜品<p style="color: crimson;">￥12元/份</p>
        </div>
        <div class="zhanshi">
            <div class="chanpintupian">
                <img class="tupian" src="img/甜品 (4).jpeg"  onclick="fun()">
            </div>
            网红小蛋糕<p style="color: crimson;">￥12元/份</p>
        </div>
        
    </div>
    <div class="chanpin">
        
        <div class="hengkuang">&nbsp&nbsp&nbsp&nbsp无辣不欢
            <a href="#"><div class="gengduo">更多 》</div></a>
            <hr>
        </div>
        <div class="zhanshi">
            <div class="chanpintupian">
                <img class="tupian" src="img/辣.jpeg"   onclick="fun()">
            </div>
            水煮辣白虾<p style="color: crimson;">￥25元/份</p>
        </div>
        <div class="zhanshi">
            <div class="chanpintupian">
                <img class="tupian" src="img/辣 (4).jpeg"  onclick="fun()">
            </div>
            韩式辣鸡爪<p style="color: crimson;">￥20元/份</p>
        </div>
        <div class="zhanshi">
            <div class="chanpintupian">
                <img class="tupian" src="img/辣 (3).jpeg"  onclick="fun()">
            </div>
            香辣小龙虾<p style="color: crimson;">￥45元/份</p>
        </div>
        <div class="zhanshi">
            <div class="chanpintupian">
                <img class="tupian" src="img/辣 (5).jpeg"  onclick="fun()">
            </div>
            香辣里脊<p style="color: crimson;">￥30元/份</p>
        </div>
</div>
<div>
<div class="weibu">
<div class="top">
     
     <ul>
     <li><a href="#">网站首页</a></li>
     <li><a href="#">行业加盟</a></li>
     <li><a href="#">人才招聘</a></li>
     <li><a href="#">联系我们</a></li>
     <li><a href="#">常见问题</a></li>
     <li><a href="#">意见反馈</a></li>      
       </ul>
        
</div>
<div class="weibuwenzi">联系我们：313345078</div></div></div>
<script src="js/轮播图.js"></script>
<script src="js/导航栏.js"></script>
    </body>
    </html>